$(function(){
    /**********滑动菜单*******************/
    $(".li_bg").css("width","34px");
    var oUl = $(".nav");
    var aLi = $(".nav li");
    var oBg = aLi[aLi.length - 1];
    for(var i = 0; i < aLi.length - 1; i++){
        aLi[i].onmouseover = function(){
            $(".li_bg").css("width",$(this).width());
            startMove(oBg, this.offsetLeft+5);
        }
    }
    var iSpeed = 0;
    //声明一个中间变量
    var left = 0;
    function startMove(obj, iTarget){
        clearInterval(obj.timer);
        obj.timer = setInterval(function(){
            //0.7  5
            iSpeed += (iTarget - obj.offsetLeft) / 5;
            iSpeed *= 0.7;
            //将误差减小的1以内
            left += iSpeed;
            //【注】为了节省资源,运动到位置后,需要关闭定时器
            //1>速度为0
            //2>到达目标值    当两个条件都成立的时候,可以关闭定时器
            if(Math.abs(iSpeed) < 1 && Math.abs(left - iTarget) < 1){
                clearInterval(obj.timer);
                //当运动结束后,挪到目标位置
                obj.style.left = iTarget + "px";
            }else{
                obj.style.left = left + "px";
            }
            //最后停止的位置有误差
            //iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.ceil(iSpeed);
            //document.title = obj.offsetLeft + "," + iSpeed;
        }, 30);
    }
    /**********************主体部分广告图**********************/
     var mySwiper = new Swiper ('.main_banner .swiper-container', {
        direction: 'horizontal',
        loop: true,
        autoplay:3000,
        effect : 'fade',
        fade: {
          crossFade: false,
        },
        autoplayDisableOnInteraction : false,
        paginationClickable :true,
        keyboardControl : true,
        mousewheelControl : true,

        // 如果需要分页器
        pagination: '.swiper-pagination',
        // 如果需要前进后退按钮
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
            swiperAnimateCache(swiper); //隐藏动画元素 
            swiperAnimate(swiper); //初始化完成开始动画
          }, 
         onSlideChangeEnd: function(swiper){ 
            swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
         } 
      })  
/**********************主体产品广告图**********************/
    var mySwiper = new Swiper ('.product .swiper-container', {
        direction: 'horizontal',
        loop: true,
        // 如果需要前进后退按钮
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        effect : 'coverflow',
        slidesPerView: 4,
        centeredSlides: true,
        coverflow: {
                    rotate: 30,
                    stretch: 10,
                    depth: 60,
                    modifier: 2,
                    slideShadows : true
                }
    
      })  
/**********************集团架构**********************/  
    var aLi = $(".Group_list li");
    var aDiv = $(".Group_items");
    for(var i = 0 ;i < aLi.length;i++){
        aLi.eq(i).mouseover(function(){
        var index = aLi.index(this);
        $(this).addClass("active").siblings().removeClass("active");
        aDiv.eq(index).addClass("show").siblings().removeClass("show");

    })
    }  

/**********************部分客户**********************/ 
    var $aLi = $('.Customer_list li');   
        $aLi.each(function(){
            $(this).hover(
                function(){
                    var $img = $(this).children("img");
                    $img.animate({top:49,height:0},500,function(){
                        $img.hide();
                        $img.next().show().animate({top:0,height:98},500);
                    });
                },
                function(){
                    var $span = $(this).children("span");
                    $span.animate({top:49,height:0},500,function(){
                        $span.hide();
                        $span.prev().show().animate({top:0,height:98},500)
                    })
                }
            );
        }); 
         //回到顶部
          //当点击跳转链接后，回到页面顶部位置
          $("#back-to-top").click(function() {
            $('body,html').animate({
              scrollTop: 0
            },
            1000);
            return false;
          });
         /* 热线电话*/
         $(".telphone").mouseover(function(){
            $(".tel").css("display","block")
         });
         $(".telphone").mouseout(function(){
            $(".tel").css("display","none")
         })
          /* 微信*/
          $(".weixin").mouseover(function(){
            $(".wx").css("display","block")
         });
         $(".weixin").mouseout(function(){
            $(".wx").css("display","none")
         })
/**********************集团架构**********************/ 
    var agroup = $(".group_item");
    for(var i=0; i < agroup.length;i++){
        agroup.eq(i).mouseenter(function(){
            var index = agroup.index(this);
            $(".group_item .group_bg").eq(index).animate({top:0},1000);
            $(".group_item h3").eq(index).animate({left:60},1000);
        });
        agroup.eq(i).mouseleave(function(){
            var index = agroup.index(this);
            $(".group_item .group_bg").eq(index).animate({top:-300},1000);
            $(".group_item h3").eq(index).animate({left:-300},1000);
        });
    
    };
});
/**********************工具箱**********************/ 
/*    window.onscroll();

*/
/**********************工具箱**********************/ 
/*window.onscroll = function(){
        var oDiv =$("#tool_box");
        var scrollTop = $(window).scrollTop();
        var len = scrollTop + (document.documentElement.clientHeight - oDiv.offsetHeight) / 2;
        //目标值应该取整
        startMove(parseInt(len));
    }
    var timer = null;
    function startMove(iTarget){
        var oDiv = $("#tool_box");
        clearInterval(timer);
        timer = setInterval(function(){
            var speed = (iTarget - oDiv.offsetTop) / 8;
            speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
            if(oDiv.offsetTop == iTarget){
                clearInterval(timer);
            }else{
                oDiv.style.top = oDiv.offsetTop + speed + "px";
            }
        }, 30)
    }

*/

